<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>超级管理员初始化</title>
</head>
<body>

超级管理员初始化

<br/>
<br/>

<form id="form1" name="form1" method="post" action="">
    <label>姓名
        <input type="text" name="name" id="name"/>
    </label>
    <p>
        <label>手机号码
            <input type="text" name="phone" id="phone"/>
        </label>
    </p>
    <p>
        <label>个人邮箱
            <input type="text" name="email" id="email"/>
        </label>
    </p>
    <p>
        <label>设置密码
            <input type="password" name="password" id="password"/>
        </label>
    </p>
    <p>
        <label>确认密码
            <input type="password" name="password2" id="password2"/>
        </label>
    </p>
    <p>
        <label>
            <input type="button" name="reset" id="reset" value="重置"/>
        </label>
        <label>
            <input type="button" name="init" id="init" value="开始初始化"/>
        </label>
    </p>
</form>

</body>

<script src="/webjars/jquery/3.6.0/jquery.js"></script>

<script>

    // # 之后的变量和 id="reset" 值一致 才可以绑定
    $("#reset").click(function () {

        //id="name" 找到的
        $("#name").val("");
        $("#phone").val("");
        $("#email").val("");
        $("#password").val("");
        $("#password2").val("");

    })

    $("#init").click(function () {

        //id="name" 找到的
        var name = $("#name").val();

        // 超级管理员必须输入姓名
        if ("" == name ){
            alert("超级管理员必须输入姓名！");

            // 停止继续执行
            return;
        }

        var phone = $("#phone").val();
        var email = $("#email").val();

        // 验证手机or邮箱是否为空
        if ("" == phone && "" == email ){
            alert("手机或邮箱不能都为空！");

            // 停止继续执行
            return;
        }

        //手机格式
        if (!checkMobile(phone)){
            alert("手机号码格式不正确！");

            // 停止继续执行
            return;
        }

        //邮箱格式
        if (!checkEmail(email)){
            alert("邮箱格式不正确！");

            // 停止继续执行
            return;
        }

        var password = $("#password").val();
        var password2 = $("#password2").val();

        // 验证密码是否输入
        if ("" == password || "" == password2 ){
            alert("请输入密码！");

            // 停止继续执行
            return;
        }

        //两次密码是否一致
        if (password != password2){
            alert("两次密码不同！");

            // 停止继续执行
            return;
        }

        $.ajax({
            type : "POST",
            url : "admininit",
            data : {
                "name" : name,
                "phone" : phone,
                "email" : email,
                "password" : password,
                "password2" : password2
            },
            // 接收后台的数据类型
            dataType : "text",

            // 请求成功
            success : function(message) {

                if (message == "-1"){

                    alert("超级管理员初始化失败！");

                } else {

                    alert("超级管理员初始化成功！");

                    // 为存储到本地，其他请求携带id
                    localStorage.setItem('id',message)  //存起来

                    location.href = "admininfo?id=" + message //取出缓存;
                }

            },

            //请求失败
            error : function(message) {

                alert("超级管理员初始化失败");

            }

        });

    })

    //验证规则：11位数字，以1开头
    function checkMobile(str) {
        var re = /^1\d{10}$/
        if (re.test(str)) {
            return true;
        } else {
            return false;
        }
    }

    //验证邮箱
    function  checkEmail(str){
        var re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/
        if(re.test(str)){
            return true;
        }else{
            return false;
        }
    }


</script>

</html>